@charset "UTF-8";


*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}

body{
	min-width: 1280px;
}

main{
	background-color: #FFFFFF;
	.top{
		padding: 2vw 66vw 20vw 21vw;
		background-image: url(../img/unitBg.png);
		background-repeat: no-repeat;
		
		
		background-size: cover;
		.navTop{
			display: flex;
			width: 10vw;
			justify-content: space-between;
			margin-bottom: 12vw;
			span{
				white-space: nowrap;
				height: 1vw;
				font-size: 1vw;
				font-weight: normal;
				line-height: 1vw;
				letter-spacing: 0vw;
				color: #ffffff;
			}
		}
		.navBottom{
			h1{
				white-space: nowrap;
				font-size: 3vw;
				font-weight: normal;
				font-stretch: normal;
				line-height: 1vw;
				letter-spacing: 0vw;
				color: #ffffff;
			}
			h2{
				font-size: 1vw;
				font-weight: normal;
				font-style: italic;
				font-stretch: normal;
				line-height: 4vw;
				letter-spacing: 0vw;
				color: #ffffff;
			}
		}
	}
	.bottom{
		padding: 4vw 21vw 6vw;
		.title{
			display: flex;
			justify-content: space-between;
			.left{
				h3{
					font-size: 1.5vw;
					font-weight: normal;
					font-stretch: normal;
					line-height: 1vw;
					letter-spacing: 0vw;
					color: #12151c;
				}
			}
			.right{
				width: 50vw;
				margin-top: 1vw;
				h3{
					
					height: 2vw;
					background-color: #efefef;
					font-size: 1vw;
					font-weight: normal;
					font-style: italic;
					font-stretch: normal;
					line-height: 2vw;
					letter-spacing: 0vw;
					color: #525252;
					opacity: 0.5;
				}
				p{
					text-align: right;
					font-size: 1vw;
					font-weight: normal;
					font-stretch: normal;
					line-height: 1vw;
					letter-spacing: 0vw;
					color: #9f9f9f;
				}
			}
		}
		.imgBox{
			margin: 6vw 0 10vw;
			width: 59vw;
			height: 19vw;
			
			img{
				width: 100%;
			}
		}
	}
}